<!doctype html>
<html  lang="">
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link rel="stylesheet" href="css/12czm.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/new.css"/>

</head>

<body>
<div id="body">
    <div id="bodyhead">
        <div id="bodyheadhead" class="col-12">
            <div class="col-8 relative col-xs-11 col-xs-11" id="bodyheadheadmain">
                <div id="bodyheadmainleft">您好，欢迎您浏览温州市科达阀门有限公司官方网站！</div>
                <div id="bodyheadmainright">86 577 86915677<i style="margin: 0 9px">|</i><i>联系我们</i></div>
            </div>
        </div>
        <div id="bodyheadmain" class="col-12">
            <div class="col-8 relative col-xs-11" id="bodyheadmainmain">
                <div id="bodyheadmainmainleft" class="col-5 col-xs-12">
                    <img style="max-width: 100%;" src="img/logo.png" alt="">
                </div>

                <div id="bodyheadmainmainright" class="col-7 col-xs-12">

                    <div class="navbar navbar-inverse">
                        <div class="container">
                            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <div class="navbar-collapse collapse" role="navigation" aria-expanded="false" style="height: 1px;">
                                <ul class="nav navbar-nav">
                                    <li class="col-xs-12"><a href="index.html">首页</a></li>
                                    <li class="col-xs-12"><a href="#">关于科达 </a></li>
                                    <li class="col-xs-12"><a href="new.html">新闻中心 </a></li>
                                    <li class="col-xs-12"><a href="show.html">产品展示 </a></li>
                                    <li class="col-xs-12"><a href="#">技术与服务</a></li>
                                    <li class="col-xs-12"><a href="#">在线留言 </a></li>
                                    <li class="col-xs-12"><a href="#">联系我们 </a></li>
                                </ul>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="newcenterhtml_bodyheadmain" class="col-12">
            <img src="img/新闻中心.jpg" alt="">
        </div>
    </div>

    <div id="bodymain">

        <div id="content2">
            <div class="" style="width: inherit">
                <div id="contactus_htmlmain">
                    <div id="contactus_htmlmainfloat" style="">
                        <div class="col-8 relative col-xs-11" style="height: inherit;">
                            <div id="contactus_htmlmainfloatwindow" class="col-6 col-xs-12 col-sm-12 col-md-6" style="">
                                <p>CONTACT US</p>
                                <div><i class="  " style="padding-left: 15px;background: url(img/icon1.png) no-repeat left">联系人</i> <div class=" ">朱素娜 女士 （销售部 经理）</div></div>
                                <div><i class=" " style="padding-left: 15px;background: url(img/icon1.png) no-repeat left"> 地址</i>  <div class=" ">温州市龙湾区永强高新园区天中公路度山段</div></div>
                                <div><i class=" " style="padding-left: 15px;background: url(img/icon1.png) no-repeat left"> 电话</i>  <div class=" ">（+86）0577-86915677</div></div>
                                <div><i class=" " style="padding-left: 15px;background: url(img/icon1.png) no-repeat left"> 传真</i>  <div class=" ">0577-86915618</div></div>

                                <div id="contactus_htmlmainfloatwindowlink">
                                    <span><img src="img/qq.png" alt=""></span>
                                    <span><img src="img/weixin.png" alt=""></span>
                                    <span><img src="img/weibo.png" alt=""></span>
                                    <span><img src="img/facebook.png" alt=""></span>
                                    <span><img src="img/Twitter.png" alt=""></span>
                                    <span><img src="img/in.png" alt=""></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="allmap"></div>
                </div>
            </div>
        </div>

    </div>

    <div id="bodyfoot2">
        <div class="col-8 relative col-xs-11">
            <div class="col-6 col-xs-12">
                <img src="img/foot2logo.png" alt="" style="padding:0 22px 25px 0">
                <img src="img/Alibaba.jpg" alt="">


                <div class="navbar navbar-inverse">
                    <div class="container">
                        <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <div class="navbar-collapse collapse" role="navigation" aria-expanded="false" style="height: 1px;">
                            <ul class="nav navbar-nav">
                                <li><a href="#">首页</a></li>
                                <li><a href="#">关于科达 </a></li>
                                <li><a href="#">新闻中心 </a></li>
                                <li><a href="#">产品展示 </a></li>
                                <li><a href="#">技术与服务</a></li>
                                <li><a href="#">在线留言 </a></li>
                                <li><a href="#">联系我们 </a></li>
                            </ul>

                        </div>
                    </div>
                </div>

            </div>
            <div id="bodyfoot2right" class="col-lg-6 col-md-6 col-xs-11 col-sm-11" style="text-align: right; display: table; ">
                <div style="display: inline-block">
                    <div style="padding-right: 47px;display: table-cell; vertical-align: middle;">
                        <i>咨询热线</i>
                        <span>0577 86915677</span>
                    </div>
                </div>
                <div style="display: inline-block">
                    <div style="display: table-cell;vertical-align: middle;">
                        <img src="img/m.jpg" alt="" style="float:right; ">
                    </div>
                </div>
            </div>
        </div>
        </d v>
    </div>
</div>
</body>

<script src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/swiper.js"></script>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=pp8KM8AzRKwS9T77FYoGdf5W5PCf9VCo"></script>
<script>


    var throttle = function (fn, delay, atleast) {
        var timer = null;var previous = null;
        return function () {
            var now = +new Date();
            if ( !previous ) previous = now;
            if ( atleast && now - previous > atleast ) {
                fn();
                // 重置上一次开始时间为本次结束时间
                previous = now;
                clearTimeout(timer);
            } else {
                clearTimeout(timer);
                timer = setTimeout(function() {
                    fn();
                    // alert("你是谁这是哪儿")
                    previous = null;
                }, delay);
            }
        }
    };

    $(function ccc() {
        // 百度地图API功能
        var map = new BMap.Map("allmap");    // 创建Map实例
        // map.centerAndZoom(new BMap.Point(120.80761,27.899219), 25);  // 初始化地图,设置中心点坐标和地图级别
        var point = new BMap.Point(120.80761,27.899219);
        map.centerAndZoom(point, 25);
        var myIcon = new BMap.Icon("img/mapkeda.png", new BMap.Size(100, 125) );
        var marker = new BMap.Marker(point,{icon: myIcon});

        //添加地图类型控件 右上角地图类型
        map.addControl(new BMap.MapTypeControl({
            mapTypes:[BMAP_NORMAL_MAP, BMAP_HYBRID_MAP]
        }));
        map.addOverlay(marker)
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
        //结束

        if(window.innerWidth >996) {
            // 尾部
            $("#bodyfoot2 li,.navbar-nav li,#bodyheadmainmainright").removeClass("col-xs-12")
        }else if(window.innerWidth <996 && window.innerWidth >620) {
            $(".navbar-nav li").removeClass("col-12")
        }else if(window.innerWidth <= 620) {
            // 尾部
            $("#bodyfoot2 li,.navbar-nav li,#bodyheadmainmainright").addClass("col-xs-12")
        }

        window.onresize = throttle(ccc, 200);
    })


</script>
</html >
